﻿$(document).ready(function () {
	
	var oTable = $('#styleDataTable').dataTable({
		"bServerSide": true,
		"bJQueryUI": true,
		"bAutoWidth": false,
		"sAjaxSource": "Style/AjaxHandler",
		"bProcessing": true,
		"oLanguage": {
			"sSearch": "Search"
		},
		"aoColumns": [
						{ "sName": "ID",
							"bSearchable": false,
							"bSortable": false,
							"fnRender": function (oObj) {
								return '<a  href=\"Style/Edit/' + oObj.aData[0] + '\" class = "styleedit">Edit</a> | <a href=\"Style/Delete/' + oObj.aData[0] + '\" class = "styledelete">Delete</a>';
							}
						},
						{ "sName": "StyleNo" },
						{ "sName": "StyleDescription" },
						{ "sName": "Capacity" }
					]
		});
});